/*



CONTENEURS PRINCIPAUX (div)




*/

/* Conteneur principal de toutes les pages, hormis le header, le menu et le footer*/
body, html, #content
{
	margin: 0;
	padding: 0;
	background-color: #fca0df;
	
	/* Sinon min-height n'est pas pris en compte par Firefox et IE 7 !! */
	/* Sous KHTML (Safari, Omniweb), cette ligne n'est pas nécessaire */
	height:100%;	
	
	width:100%;
	
	/* IE exclusivement (donc on s'en tape...)
	scrollbar-base-color:       #CCCCCC;
	scrollbar-arrow-color:      #000000;
	scrollbar-track-color:      #999999;
	scrollbar-3dlight-color:    #EEEEEE;
	scrollbar-highlight-color:  #FFFFFF;
	scrollbar-face-color:       #CCCCCC;
	scrollbar-shadow-color:     #999999;
	scrollbar-darkshadow-color: #666666;
	*/
	font-family: Calibri, "Helvetiva Neue", Arial, Helvetica, sans-serif;
	
	
}

.couleurbase
{
	background-color:#fca0df;
}

/* Paramétrages supplémentaires du conteneur principal */
#content
{
	/* Hack pour le footer (de merde...) */
	height:97.2%;
}

/* Header, avec le le logo du logiciel, présent sur toutes les pages */
#header
{
	/*position: absolute;
	top: 0;
	left: 0;*/
	width:100%;
	height:30px;
	
	background-color: #8100fc;
	color: #f80880;
	
	font-size:25px;
	font-family:Verdana, Arial, sans-serif;
	font-weight:bold;	
}

/* Le conteneur qui vient se greffer dans #content et qui permet d'afficher le contenu des pages */
#display
{
	/*position: absolute;
	top: 55px; 
	left: 0; */
	
	float:left; /*pour décaler le bloc vers le bas lors de l'ouverture d'un sous-menu*/
	
	width:100%;
	background-color: transparent;		
}

/* Le footer, ou pied de page, qui contient les mentions légales */
#footer /* it's a pain in the ass ! */
{
	/*position:absolute;
	bottom: 0px;*/
	/*position:relative;*/
	
	background-color:#8100fc;	
	
	width:100%;
	height:20px;

	clear:both;
		
	font-size:0.8em;
	border-top: 1px solid #496FB5;
	padding-top: 6px;
	color: #f80880;
}

/* Liens dans le footer */
#footer a
{
	color: #f80880;
	text-decoration: underline;
}

/* Les messages qui indiquent que les actions ont été réalisées (ajout d'un contact, etc.)*/
#messages
{
	position: absolute;
	top: 0;
	right: 0;
	height: 25px;
	
	padding: 2px 5px;
	
	/*background-color:#ACB8D8;*/
	/*color:#496FB5;*/
	
	font-size: 1.2em;
	
	/* Activé au besoin par JavaScript */
	display:none;
	color: #6cff69;
}

/*




MENU PRINCIPAL
ET
SOUS-MENUS




*/

/* Conteneur du menu */
#menu
{
	/*position: absolute;
	top: 30px;
	left: 0;*/
	width:100%;
	height: 25px;
	background: #db95fd url(gradient1.png) repeat-x;
}

/* Eléments du menu : qui contiendra les catégories (contacts, bibliothèque, administration, etc. )*/
#mainmenu ul
{
	margin : 0;
	/* Le padding horizontal doit être 0 ou exprimé en valeur ABSOLUTE, car s'il est
	exprimé en valeur RELATIVE, les navigateurs GECKO affichent mal le menu  et les 
	navigateurs KHTML affichent mal la position des sous-menus */
	list-style-type : none;
			
	/* Placer ce conteneur dans #menu et veiller à ce qu'il ne dépasse pas */
	/* height = #menu(height) - 2px */
	height:23px;
}

/* Eléments du menu : les catégories qui sont contenues dans #mainmenu ul */
#mainmenu li
{
	padding: 5px 0.6em; /* Espacement entre les items du menu*/
	/*display:table-cell; /* Peut poser des problèmes avec certains navigateurs */
	
	/*display:inline;*/
	
	/* Affichage horizontal des <li> */
	float:left;
	
	/* height = #mainmenu(height) - (this.padding-top + this.padding-bottom) */
	height:15px;
	
	text-transform: uppercase;
	font: 0.8em Verdana, Arial, sans-serif;
	border-left: 1px solid #ffffff;
	color: #7c0440;
	cursor:pointer;
	background: #fbc7fd url(gradient1.png) repeat-x;
}

/* Eléments du menu, lorsqu'ils sont survolés par le curseur */
#mainmenu li:hover
{
	color:#ffffff;
	background: #8100fc url(gradient2.png) repeat-x;
}

/* Sous-menus : classe générique du conteneur (div) */
.menu_deroulant
{
	position:relative;
	display:block; clear:both;
	font-size:1em;	
	background-color:#fbc7fd;
	
		z-index: 100;
}

/* Sous-menus : structure d'énumération de chaque menu */
.menu_deroulant ul
{
	/* Dé-commenter pour un affichage vertical */
	/*margin : 0;*/	
	/*padding : 5px 0 5px 0;*/
	margin: 0;
	padding: 0px 0 5px 0;
	
	list-style-type : none;
		
	/* Permet de décaler le bloc du dessous vers le bas, pour éviter tout chevauchement des blocs*/
	/*display:inline;*/ /* Dé-commenter pour un affichage horizontal des sous-menus */
	
	position:absolute;
}

/* Sous-menus : itération dans chaque menu */
.menu_deroulant li
{
	/* Espacement entre les items du menu*/
	/*padding: 5px 0.6em; // Version HORIZONTALE */
	padding: 3px 3px;
	
	/*border-top: 1px solid #ffffff;*/	
	border:none;
	width:100%;
	
	/* Enlever ceci pour un affichage horizontal des sous-menus */
	clear:both;
}

/* Sous-menus : itération, curseau au dessus */
.menu_deroulant li:hover
{
	background-color: #f996fc;
}

/*





Eléments génériques
LIENS et FORMULAIRES





*/

.small
{
	font-size:0.9em;
}

.verysmall
{
	font-size: 0.5em;
}

.big
{
	font-size:1.5em;
}


.separation
{
	font-size:0.3em;
}

.clear
{ /* Repousse les limites du footer, à appeler dans un div en bas de page */
	font-size:0em;
	float:left;
	clear:both;
}

.evidence
{
	background-color:#f996fc;
}

/* Retour à la page précédente */
.back
{
	width: 100%;
	background-color: #7c0440;
	text-align: center;
	color: #fa6fce;
	font-style: italic;
	cursor: pointer;
	font-size: 1.1em;
}


/* TAGS: Images */
img
{
	border:none;
}

/* TAGS: liens*/
a
{	
	color: #f80880;
	text-decoration: none;
	cursor: default;
}

a:hover 
{
	color: #7c0440;
	text-decoration: none;
	cursor: default;
}

/* 



TAGS: Eléments de formulaire 



*/
input, textarea, select 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	border-width : 1px;
	border-color : #7d007e;
	border-style: solid;
	
	color: #7d007e;
	background-color: #fdc2ea;/*#F5F5FF*/
	
	font-size:0.9em;
}

input[type=file]
{
	border: none;
}

select
{
	font-size: 0.8em;
}

input:hover, textarea:hover
{
	/*background-color: #CFD5FF;*/
}

select:hover
{
	background-color: #fdc2ea;
}

input:disabled, textarea:disabled, select:disabled
{
	background-color:#B3B3B3;
}

input[type=button], input[type=submit]
{
	border-style:outset;
	cursor:pointer;
	background: url(gradient1.png) repeat;
}

input[type=button]:hover, input[type=submit]:hover 
{
	/*border-style:inset;*/
}

/*


* LABELS
v. aussi, ci-dessous, LISTES



*/

#labels_form
{
	
}

#new_label
{
	margin: 0 0;
	padding: 0 15px;
	padding-top: 10px;
	padding-bottom: 5px;
	
	
	font-size: 0.8em;
	background-color:#fdc2ea;
}

#list_label
{
	font-size:0.9em;
	margin: 0 0;
	padding: 5px 0;
}

/*


* LISTES (des contacts et des labels)



*/

#list_form
{
	background-color: transparent;
	
	/*font-family: "Times New Roman", Times, serif;*/
}

.list-titre
{
	font-size: 1em;
	font-weight:bold;
	font-variant: small-caps;
}


.list-headers
{
	font-size: 0.9em;
	background-color: #7c0440;
	color: #fff;
}

.list-cell-header
{
	border-top: 1px solid #fdc2ea;
	border-left: 1px dotted #CCC;
	
	font-size:0.9em;
	font-weight:bold;
	font-variant:small-caps;
}

.list-cell-header-big
{
	border-top: 1px solid #fdc2ea;
	border-left: 1px dotted #CCC;
	
	font-size:1em;
	font-weight:bold;
	font-variant:small-caps;
	
	background-color: #7c0440;
	color: #fff;
}

.list-cell
{
	border-left: 1px dotted #CCC;	
	font-size: 0.9em;
}

.list-cell-small
{
	border-left: 1px dotted #CCC;	
	font-size: 0.8em;
}

.tri
{
	text-align: center;
}

.chp_table
{
	font-size:0.7em;
}


/* 



* abbr : popups : v. sweettitles 



*/

abbr, acronym 
{ 
	border-bottom: 1px dotted #999;
}

body div#toolTip /* Le conteneur du tooltip*/
{ 
	position:absolute;
	z-index:1000;
	
	/* Taille horizontale des tooltips*/
	width:35%; /* 35% de la largeur de la page, c'est honnête ! */
	
	background:#545488;
	border:2px solid #9D9CF7;
	
	text-align:left;
	padding:5px;
	min-height:2em;
	-moz-border-radius:5px; 
}

body div#toolTip .titre
{
	color:#FF6FCF;
	font-size:1.1em;
}

body div#toolTip p /* le texte de la balise title*/
{ 
	margin:0;
	padding:0;
	color:#FFFFFF;
	font:0.6em Verdana, Arial,sans-serif; 
	font-weight:bold;
}

body div#toolTip p em /* le texte entre les balises abbr (à cacher)*/
{ 
	display:block;
	color:#9D9CF7; 
}

body div#toolTip p em span 
{ 
}
